* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?rhon0q');
    src: url('fonts/icomoon.eot?rhon0q#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?rhon0q') format('truetype'),
        url('fonts/icomoon.woff?rhon0q') format('woff'),
        url('fonts/icomoon.svg?rhon0q#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.w {
    width: 1400px;
}

.box {
    height: 700px;
    background-color: #040e1e;
    margin: 200px auto;
    border-radius: 30px;
}

.nav {
    position: relative;
    height: 80px;
    background-color: #081833;
    border-radius: 30px 30px 0 0;

}

.logBox {
    width: 148px;
    margin: 0px 28px;
    text-align: center;
    height: 80px;
    border-bottom: 2px solid white;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}



.logBox img {
    height: 38px;
    width: 38px;
    margin-right: 10px;
}

.logBox span {
    font-size: 22px;
    color: #fff;
    font-family: "宋体";
}

.nav .user {
    position: absolute;
    top: 25%;
    left: 80%;
    width: 140px;
    height: 39px;
    border-radius: 30px;
    background-color: #040e1e;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}

.user .icon-x {
    font-family: 'icomoon';
    font-size: 30px;
    color: white;
}

.typeface {
    color: #fff;
}

.magnifier {
    position: absolute;
    top: 35%;
    left: 93%;
    width: 23px;
    height: 23px;
    background: url(./magnifier.png) no-repeat;

}

.sidebar {
    float: left;
    width: 200px;
    height: 620px;
    border-radius: 0 0 0 30px;
    background-color: #081833;
}

.home_page {
    position: relative;
    width: 200px;
    height: 60px;
    margin-top: 26px;
    background-color: #2f39ff;
}

.home_page img {
    position: absolute;
    top: 20px;
    left: 15%;
    width: 19px;
    height: 20px;
}

.home_page a {
    display: inline-block;
    line-height: 65px;
    color: #fff;
    margin-left: 55px;
    text-decoration: none;
}

.project {
    position: relative;
    width: 200px;
    height: 60px;
}

.project img {
    position: absolute;
    top: 20px;
    left: 15%;
    width: 19px;
    height: 20px;
}

.project a {
    display: inline-block;
    line-height: 65px;
    color: #fff;
    margin-left: 55px;
    text-decoration: none;
}

.sector {
    position: relative;
    width: 200px;
    height: 60px;
    background-color: #142271;
}

.sector img {
    position: absolute;
    top: 22px;
    left: 15%;
    width: 19px;
    height: 20px;
}

.sector a {
    display: inline-block;
    line-height: 65px;
    color: #fff;
    margin-left: 55px;
    text-decoration: none;

}

.schedule {
    position: relative;
    width: 200px;
    height: 60px;
}

.schedule img {
    position: absolute;
    top: 20px;
    left: 15%;
    width: 19px;
    height: 20px;
}

.schedule a {
    display: inline-block;
    line-height: 65px;
    color: #fff;
    margin-left: 55px;
    text-decoration: none;
}

.contacts {
    position: relative;
    width: 200px;
    height: 60px;
}

.contacts img {
    position: absolute;
    top: 20px;
    left: 15%;
    width: 19px;
    height: 20px;
}

.contacts a {
    display: inline-block;
    line-height: 65px;
    color: #fff;
    margin-left: 55px;
    text-decoration: none;
}

.article {
    position: relative;
    width: 200px;
    height: 60px;
}

.article img {
    position: absolute;
    top: 20px;
    left: 15%;
    width: 19px;
    height: 20px;
}

.article a {
    display: inline-block;
    line-height: 65px;
    color: #fff;
    margin-left: 55px;
    text-decoration: none;
}

.left {
    float: left;
    width: 450px;
    height: 240px;
    margin: 30px 0 0 20px;
    border-radius: 30px;
    background-color: #081833;
}

.Grade_point_statistics {
    width: 407px;
    height: 207px;
    margin: 20px;
}

.left .Grade_point_statistics {
    color: white;
    font-family: "微软雅黑";
    font-size: 16px;
}

.date_box {
    float: right;
    width: 250px;
    height: 30px;
    margin-right: 30px;
}

.date_box a {
    color: blue;
}

.week {
    display: inline-block;
    width: 44px;
    height: 18px;
    border-radius: 10px;
    text-align: center;
    line-height: 15px;
    background-color: #081833;
}

.month {
    padding-left: 15px;
}

.year {
    padding-left: 22px;
}

.number {
    font-family: 'icomoon';
    display: inline-block;
    width: 66px;
    height: 22px;
    background-color: #040e1e;
    border-radius: 10px;
    text-align: center;
    margin-left: 40px;
}

.date_box img {
    margin: 20px -120px;
}

.center {
    float: left;
    width: 330px;
    height: 240px;
    margin: 30px 20px 20px 20px;
    border-radius: 30px;
    background-color: #081833;

}

.Case_statistics {
    display: inline-block;
    margin: 20px;
    font-size: 14px;
    color: white;
}

.date_2 {
    display: inline-block;
    width: 70px;
    height: 25px;
    line-height: 25px;
    background-color: #040e1e;
    border-radius: 30px;
    margin-left: 143px;
    text-align: center;
    color: white;
    font-family: 'icomoon';
}

.center img {
    margin-left: 20px;
}

.right {
    float: left;
    width: 320px;
    height: 240px;
    background-color: #081833;
    margin: 30px 30px 20px 0;
    border-radius: 30px;
}

.right .Performance_objectives {
    display: block;
    margin: 20px;
    font-size: 14px;
    color: white;
}

.right img {
    width: 176px;
    height: 168px;
    margin-left: 80px;

}

.footer-left {
    float: left;
    width: 215px;
    height: 300px;
    margin: 0 20px 30px 25px;
    background-color: #081833;
    border-radius: 30px;
}

.Notice_announcement {
    width: 175px;
    height: 20px;
    margin: 20px;
    font-size: 14px;
    color: white;
    margin-top: -10px;
}

.left_icon {
    font-family: 'icomoon';
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 50%;
    margin-left: 40px;
    margin-top: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #040e1e;
}

.right_icon {
    font-family: 'icomoon';
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-left: 10px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background-color: #000033;
}

.list_1 {
    position: relative;
    width: 179px;
    height: 55px;
    border-radius: 10px;
    background-color: #000033;
    margin-top: 20px;
}

.list_1 img {

    width: 26px;
    height: 26px;
    margin: 15px;
}

.list_1 span {
    position: absolute;
    top: 10px;
}

.list_2 {
    position: relative;
    width: 179px;
    height: 55px;
}

.list_2 img {

    width: 26px;
    height: 26px;
    margin: 15px;
}

.list_2 span {
    position: absolute;
    top: 10px;
}

.list_3 {
    position: relative;
    width: 179px;
    height: 55px;
}

.list_3 img {

    width: 26px;
    height: 26px;
    margin: 15px;
}

.list_3 span {
    position: absolute;
    top: 10px;
}

.list_4 {
    position: relative;
    width: 179px;
    height: 55px;
}

.list_4 img {

    width: 26px;
    height: 26px;
    margin: 15px;
}

.list_4 span {
    position: absolute;
    top: 10px;
}

.tool {
    position: relative;
    width: 177px;
    height: 246px;
    margin: 20px;
}

.tool h3 {
    color: white;
}

.left_icon_l {
    position: absolute;
    top: -1px;
    left: 111px;
    font-family: 'icomoon';
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #040e1e;
}

.right_icon_r {
    position: absolute;
    top: -1px;
    left: 136px;
    font-family: 'icomoon';
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-left: 10px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #000033;
}

.tool_Box {
    position: absolute;
    top: 80px;
    left: 20px;
    width: 170px;
    height: 189px;
}

.tool_Box ul li {
    float: left;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 35px;
    text-align: center;
}

.tool_Box ul li .tool_img {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #000033;
    background-color: #000033;
}

.tool01 {
    display: block;
    font-size: 10px;
    margin-top: -10px;
    color: white;
}

.tool04 {
    display: block;
    font-size: 10px;
    margin-top: -16px;
    color: white;
}

.tool05 {
    display: block;
    font-size: 10px;
    margin-top: -9px;
    color: white;
}

.tool_img1 {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #000033;
    background-color: #000033;
}

.footer-left-left {
    position: relative;
    float: left;
    width: 215px;
    height: 300px;
    margin: 0 20px 30px 0;
    background-color: #081833;
    border-radius: 30px;
}

.footer-right {
    float: left;
    width: 670px;
    height: 300px;
    background-color: #081833;
    border-radius: 30px;

}

.schedule_day {
    width: 603px;
    height: 108px;
    margin: 20px;
    font-style: 22px;
    color: white;

}

.s_l {
    line-height: 50px;
    margin-left: 30px;
}

.s_r {
    font-family: 'icomoon';
    display: inline-block;
    width: 64px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 30px;
    background-color: #081833;
    margin-left: 300px;
    color: white;
}

.schedule_day dd {
    height: 50px;
    background-color: #000033;
    border-radius: 30px;
    margin-top: 30px;
}

.schedule_footer {
    width: 400px;
    height: 150px;
    margin-left: 40px;
}

.schedule_footer dt {
    font-size: 14px;
    color: #fff;
    margin-bottom: 7px;
}

.list_111 {
    display: inline-block;
    font-family: 'icomoon';
    width: 22px;
    height: 22px;
    border-radius: 4px;
    color: white;
    border: 3px solid rgb(194, 88, 88);
}

.list_txt {
    font-size: 18px;
    margin-left: 30px;
    color: white;
}



.top {
    margin-top: 10px;
}

.list_txt1 {
    font-size: 18px;
    margin-left: 30px;
    color: white;
}

.list_33 {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    color: white;
    margin-top: -4px;
    border: 3px solid orange;
}

.list_33:hover {
    background: url(./true.png) no-repeat center;
}